body{
  padding-bottom:60px;
  position:relative;
  width:100%;
}
.txt{
  font-size:12px;
  color:#333333;
  font-weight: bold;
}
.goods-infor{
  width:100%;
  padding:10px;
  border-bottom:1px solid #dbdbdb;
  p{
    width:100%;
    margin:3px 0;
    overflow: hidden;
    .txt:first-child{
      float:left;
    }
    span.rt{
      font-weight: normal;
    }
  }
  p:nth-child(2) span.rt{
    color:#f29fb3;
  }
}
.mainBox{
  padding:0 10px;
  border-top:1px solid #dbdbdb;
  border-bottom:1px solid #dbdbdb;
  >ul{
    overflow: hidden;width:100%;
    >li{
      padding:10px 0;
      width:100%;
      border-bottom:1px solid #dbdbdb;
      >div{
        width:100%;
        height:20px;
        line-height: 20px;
        span:nth-child(2){
          margin-left:20px;
        }
        >img{
          width:14px;
          height:8px;
          position:relative;
          top:5px;
          transition:transform 300ms linear;
        }
        span.rt{
          font-size:12px;
        }
        input{
          border:0;
          width:200px;
          margin-left:20px;
        }
      }
    }
    li:last-child{
      border-bottom:0;
      >div{
      }
      div.lt{
        margin-left:20px;
        width:70%;
        p{
          color:#dbdbdb;
          font-size:12px;
          margin-bottom:5px;
        }
        ul{
          li{
            margin:0 5px 5px 0;
          }
          li.a-upload-box{
            .a-upload{
              position: relative;
              display: inline-block;
              padding:30px;
              overflow: hidden;
              text-decoration: none;
              text-indent: 0;
              border: 1px dashed #E4E4E4;
              input{
                position: absolute;
                font-size: 100px;
                right: 0;
                top: 0;
                opacity: 0;
                width: 100%;
                height: 100%;
              }
              u{
                width:20px;
                height:20px;
                position:absolute;
                top:50%;
                left:50%;
                margin-left:-10px;
                margin-top:-10px;
                background: url("../img/web_icon.png") no-repeat -33px -76px;
              }
            }
          }
          li:not(.a-upload-box){
            position:relative;
            img{
              width:62px;
              height:62px;
            }
            input{
              width:0;
              height:0;
              position:absolute;
              top:0;
              left:0;
              opacity: 0;
            }
          }
        }
      }
    }
    li.refundReason{
      position:relative;
      ul{
        width:100%;
        height:0;
        overflow: hidden;
        transition:height 300ms linear;
        li{
          float:none;
          width:100%;
          text-align: center;
          margin:8px 0;
          span{
            font-size:12px;
            color:#7b7575;
          }
        }
      }
    }
    li.animationDown{
      img{
        transform:rotate(0deg);
      }
      ul{
        height:0;
      }
    }
    li.animationUp{
      img{
        transform:rotate(180deg);
      }
      ul{
        height:150px;
      }
    }
  }
}

#btn{
  position:fixed;
  bottom:0;
  left:0;
  max-width:640px;
  width:100%;
  height:50px;
  background-color: #F29FB3;
  font-size:18px;
  color:#ffffff;
  text-align: center;
  line-height: 50px;
}